<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: MAOQIN
  Date: 2020/5/20
  Time: 15:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>${article.sharedUser.name}</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/script/index.js"></script>
    <script type="text/javascript" src="/script/inHome.js"></script>
    <link rel="icon" href="/app/sea.ico"/>
    <style>
        body {
            background-image: url("/app/background.jpg");
            opacity: 88%;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            padding-top: 60px;
            padding-bottom: 40px;
        }

        .share {
            background-color: white;
            width: 100%;
            margin-top: 2%;
            opacity: 98%
        }
    </style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a href="#" class="navbar-brand">叶子迷你微客</a>
        </div>
        <div>
            <c:if test="${isSearch}">
                <form class="navbar-form navbar-left" role="search" action="#" method="post" onsubmit="return false">
                    <div class=" form-group has-feedback">
                        <span id="icon" class="form-control-feedback glyphicon glyphicon-search"></span>
                        <input type="text" id="search" class="form-control" placeholder="搜索" name="key"
                               onkeypress="searchArticle(this,event.keyCode||event.which)"
                               onkeydown="searchArticle(this,event.keyCode||event.which)">
                        <div style="display:inline-block;width:30px;height:35px;position:absolute;right:2px;z-index:100;cursor: pointer;"
                             onmouseenter="enterSearchIcon('icon','enter')" onmouseout="enterSearchIcon('icon','out')" ;
                             onclick="searchArticle(13)"></div>
                    </div>
                </form>
            </c:if>
            <c:choose>
                <c:when test="${isLogin}">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="/in/home?leftNav=1"><span class="glyphicon glyphicon-home"></span>首页 </a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-user"></span> ${user.name}</a>
                        </li>
                        <li><a href="/in/logout" onclick="return isLogout()">
                            <span class="glyphicon glyphicon-log-out"></span> 退出</a>
                        </li>
                    </ul>
                </c:when>
                <c:otherwise>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="/"><span class="glyphicon glyphicon-home"></span>首页 </a></li>
                        <li><a style="cursor:pointer;"><span
                                class="glyphicon glyphicon-user"></span>访客</a></li>
                        <li><a data-toggle="modal" data-target="#register" href="#"><span
                                class="glyphicon glyphicon-user"></span> 注册</a></li>
                        <li><a data-toggle="modal" data-target="#login" href="#"><span
                                class="glyphicon glyphicon-log-in"></span> 登录</a></li>
                    </ul>
                </c:otherwise>
            </c:choose>
        </div>
    </div>
</nav>

<div class="container" style="margin-right: 5px;margin-top: 10px; width: inherit">
    <div class="row">
        <c:choose>
            <c:when test="${isSearch}">
                <div class="col-md-2 column"></div>
                <div class="col-md-6 column" style="opacity: 88%;width: 55%">
                    <c:if test="${empty searchArticleList or searchArticleList.size() eq 0}">
                        <div style="background-color:white;padding-top:10px;height: 30%;position: center">
                            <h2 style="text-align: center;">没有找到任何相关的分享，可以换个关键词搜索一下</h2>
                        </div>
                    </c:if>
                    <!-- 分享内容 -->
                    <div class="home_center_block_share" style="margin-top: -2%">
                        <c:forEach items="${searchArticleList}" var="article">
                            <c:if test="${not (article.authority eq 1)}">
                                <div class="share" style="background-color: white;margin-top: 2%;opacity: 88%">
                                    <div class="share_head" style="width: 60px;height: 60px">
                                        <div style="height: 35%;"></div>
                                        <a href="" title="${article.sharedUser.name}"
                                           style="margin-left:25%;display: inline">
                                            <img class="img-circle"
                                                 src="${article.sharedUser.headPictureUrl.substring(article.sharedUser.headPictureUrl.lastIndexOf("/head/"))}"
                                                 width="60" height="60"
                                                 alt="${article.sharedUser.name}" style="display: inline">
                                        </a>
                                    </div>
                                    <div class="share_detail" style="margin-left: 13%;margin-top:-5%">
                                        <font title="${article.sharedUser.name}"
                                              style="font-weight: bold">${article.sharedUser.name}</font><br/>
                                        <a style="cursor: pointer" onclick="turnInArticle('${article.articleId}')">
                                            <small title="${article.releaseTime}">${article.releaseTime}</small>
                                        </a>
                                        <p style="display: block;margin-top: 1%;font-size: 16px;">${article.content.substring(0,article.content.indexOf(key))}
                                            <font style="color: red;display: inline-block">${key}</font>${article.content.substring(article.content.indexOf(key)+key.length())}
                                        </p>
                                        <c:forEach items="${article.pictureList}" var="picture">
                                            <img src="${picture.url.substring(picture.url.lastIndexOf('/'))}"
                                                 width="150px"
                                                 height="120px" style="display: inline;margin: 0.5%">
                                        </c:forEach>
                                    </div>
                                    <hr style="margin-bottom: 0px;"/>
                                    <div class="share_handle" style="margin-top: 2%;font-size: 15px">
                                        <c:choose>
                                            <c:when test="${isLogin}">
                                                <c:choose>
                                                    <c:when test="${collectorList.contains(article.articleId)}">
                                                        <a style="margin-left: 15%;cursor: pointer;color:rgb(255,0,0)"
                                                           onclick="return collect(this,0)">
                                        <span class="glyphicon glyphicon-star-empty"
                                              style="color:rgb(255,0,0)"></span>已收藏
                                                        </a>
                                                        <input type="hidden" name="isCollect"
                                                               value="${user.userId}@${article.articleId}@T">
                                                    </c:when>
                                                    <c:otherwise>
                                                        <a style="margin-left: 15%;cursor: pointer;color:rgb(46,100,148)"
                                                           onclick="return collect(this,0)">
                                        <span class="glyphicon glyphicon-star-empty"
                                              style="color:rgb(46,100,148)"></span>收藏
                                                        </a>
                                                        <input type="hidden" name="isCollect"
                                                               value="${user.userId}@${article.articleId}@F">
                                                    </c:otherwise>
                                                </c:choose>
                                                <a style="margin-left: 20%;cursor: pointer">
                                                    <span class="glyphicon glyphicon-comment"
                                                          style="color:rgb(46,100,148)"></span>
                                                    评论(${article.commentCount})
                                                </a>
                                                <c:choose>
                                                    <c:when test="${likerList.contains(article.articleId)}">
                                                        <a style="margin-left: 23%;cursor: pointer;color:rgb(255,0,0)"
                                                           onclick="praise(this,0)">
                                        <span class="glyphicon glyphicon-thumbs-up"
                                              style="color:rgb(255,0,0)"></span>
                                                                ${article.likeNum}
                                                        </a>
                                                        <input type="hidden" name="isLike"
                                                               value="${user.userId}@${article.articleId}@T">
                                                    </c:when>
                                                    <c:otherwise>
                                                        <a style="margin-left: 23%;cursor: pointer;color:rgb(46,100,148)"
                                                           onclick="praise(this,0)">
                                        <span class="glyphicon glyphicon-thumbs-up"
                                              style="color:rgb(46,100,148)"></span>
                                                                ${article.likeNum}
                                                        </a>
                                                        <input type="hidden" name="isLike"
                                                               value="${user.userId}@${article.articleId}@F">
                                                    </c:otherwise>
                                                </c:choose>
                                            </c:when>
                                            <c:otherwise>
                                                <a style="margin-left: 15%;cursor: pointer;color:rgb(46,100,148)"
                                                   data-toggle="modal" data-target="#login">
                                        <span class="glyphicon glyphicon-star-empty"
                                              style="color:rgb(46,100,148)"></span>收藏
                                                </a>
                                                <a style="margin-left: 20%;cursor: pointer" onclick="showComment(this)">
                                                    <span class="glyphicon glyphicon-comment"
                                                          style="color:rgb(46,100,148)"></span>
                                                    评论(${article.commentCount})
                                                </a>
                                                <a style="margin-left: 23%;cursor: pointer;color:rgb(46,100,148)"
                                                   data-toggle="modal" data-target="#login">
                                        <span class="glyphicon glyphicon-thumbs-up"
                                              style="color:rgb(46,100,148)"></span>
                                                        ${article.likeNum}
                                                </a>
                                            </c:otherwise>
                                        </c:choose>
                                    </div>
                                    <div class="share_comment" style="display: none;">
                                        <hr/>
                                        <form method="post" action="#" enctype="multipart/form-data"
                                              onsubmit="return false">
                                            <input type="hidden" name="userName" value="${user.name}">
                                            <img src="/app/initHeadPic.png" width="30px" height="30px"
                                                 style="display: inline;margin: 0.5% 1% 1% 2%;">
                                            <input type="text" name="comment" style="width: 60%;height: 5%"
                                                   maxlength="100"
                                                   autocomplete="off">
                                            <input type="hidden" name="userId" value="${user.userId}">
                                            <input type="hidden" name="articleId" value="${article.articleId}">
                                            <button type="button" class="btn btn-primary btn-danger"
                                                    data-toggle="modal" data-target="#login">评论
                                            </button>
                                        </form>
                                        <div class="commentList">
                                            <c:forEach items="${article.commentList}" var="comment">
                                                <hr style="margin: 2px 0px 2px"/>
                                                <div style="display: block">
                                                    <img src="${comment.commentUser.headPictureUrl.substring(comment.commentUser.headPictureUrl.lastIndexOf("/head/"))}"
                                                         width="30px" height="30px"
                                                         style="margin: 0.5% 1% 1% 2%;display: inline"/>
                                                    <p style="color: red;font-size: 10px;display: inline">${comment.commentUser.name}： </p>
                                                    <p style="display: inline">${comment.content}</p>
                                                    <small style="display: block;margin-left: 8%">${comment.commentTime}</small>
                                                </div>
                                            </c:forEach>
                                            <hr style="margin: 2px 0px 2px"/>
                                        </div>
                                    </div>
                                </div>
                            </c:if>
                        </c:forEach>
                    </div>
                </div>
                <div class="col-md-4 column"></div>
            </c:when>
            <c:otherwise>
                <div class="col-md-2 column"></div>
                <div class="col-md-8 column" style="opacity: 88%;width: 70%">
                    <div class="share">
                        <div class="share_head" style="width: 60px;height: 60px">
                            <div style="height: 35%;"></div>
                            <a href="" title="${article.sharedUser.name}"
                               style="margin-left:25%;display: inline">
                                <img class="img-circle"
                                     src="${article.sharedUser.headPictureUrl.substring(article.sharedUser.headPictureUrl.lastIndexOf("/head/"))}"
                                     width="60" height="60"
                                     alt="${article.sharedUser.name}" style="display: inline">
                            </a>
                        </div>
                        <div class="share_detail" style="margin-left: 13%;margin-top:-5%">
                            <font title="${article.sharedUser.name}"
                                  style="font-weight: bold">${article.sharedUser.name}</font><br/>
                            <small title="${article.releaseTime}">${article.releaseTime}</small>
                            <p style="display: block;margin-top: 1%;font-size: 16px;">${article.content}</p>
                            <div id="myCarousel" class="carousel slide" style="margin-right: 5%">
                                <!-- 轮播（Carousel）指标 -->
                                <ol class="carousel-indicators">
                                    <c:forEach items="${article.pictureList}" varStatus="col">
                                        <c:choose>
                                            <c:when test="${col.index eq 0}">
                                                <li data-target="#myCarousel" data-slide-to="${col.count}"
                                                    class="active"></li>
                                            </c:when>
                                            <c:otherwise>
                                                <li data-target="#myCarousel" data-slide-to="${col.count}"></li>
                                            </c:otherwise>
                                        </c:choose>
                                    </c:forEach>
                                </ol>
                                <!-- 轮播（Carousel）项目 -->
                                <div class="carousel-inner">
                                    <c:forEach items="${article.pictureList}" var="picture" varStatus="col">
                                        <c:choose>
                                            <c:when test="${col.index eq 0}">
                                                <div class="item active" style="opacity: 100%">
                                                    <img src="${picture.url.substring(picture.url.lastIndexOf('/'))}"
                                                         alt="Second slide">
                                                </div>
                                            </c:when>
                                            <c:otherwise>
                                                <div class="item" style="opacity: 100%">
                                                    <img src="${picture.url.substring(picture.url.lastIndexOf('/'))}"
                                                         alt="Second slide">
                                                </div>
                                            </c:otherwise>
                                        </c:choose>
                                    </c:forEach>
                                </div>
                                <!-- 轮播（Carousel）导航 -->
                                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                        </div>
                        <hr style="margin-bottom: 0px;"/>
                        <div class="share_handle" style="margin-top: 2%;font-size: 15px">
                            <c:choose>
                                <c:when test="${isLogin}">
                                    <c:choose>
                                        <c:when test="${collectorList.contains(article.articleId)}">
                                            <a style="margin-left: 15%;cursor: pointer;color:rgb(255,0,0)"
                                               onclick="return collect(this,${leftNav})">
                                        <span class="glyphicon glyphicon-star-empty"
                                              style="color:rgb(255,0,0)"></span>已收藏
                                            </a>
                                            <input type="hidden" name="isCollect"
                                                   value="${user.userId}@${article.articleId}@T">
                                        </c:when>
                                        <c:otherwise>
                                            <a style="margin-left: 15%;cursor: pointer;color:rgb(46,100,148)"
                                               onclick="return collect(this,${leftNav})">
                                        <span class="glyphicon glyphicon-star-empty"
                                              style="color:rgb(46,100,148)"></span>收藏
                                            </a>
                                            <input type="hidden" name="isCollect"
                                                   value="${user.userId}@${article.articleId}@F">
                                        </c:otherwise>
                                    </c:choose>
                                    <a style="margin-left: 20%;cursor: pointer">
                                        <span class="glyphicon glyphicon-comment" style="color:rgb(46,100,148)"></span>
                                        评论(${article.commentCount})
                                    </a>
                                    <c:choose>
                                        <c:when test="${likerList.contains(article.articleId)}">
                                            <a style="margin-left: 23%;cursor: pointer;color:rgb(255,0,0)"
                                               onclick="praise(this,${leftNav})">
                                        <span class="glyphicon glyphicon-thumbs-up"
                                              style="color:rgb(255,0,0)"></span>
                                                    ${article.likeNum}
                                            </a>
                                            <input type="hidden" name="isLike"
                                                   value="${user.userId}@${article.articleId}@T">
                                        </c:when>
                                        <c:otherwise>
                                            <a style="margin-left: 23%;cursor: pointer;color:rgb(46,100,148)"
                                               onclick="praise(this,${leftNav})">
                                        <span class="glyphicon glyphicon-thumbs-up"
                                              style="color:rgb(46,100,148)"></span>
                                                    ${article.likeNum}
                                            </a>
                                            <input type="hidden" name="isLike"
                                                   value="${user.userId}@${article.articleId}@F">
                                        </c:otherwise>
                                    </c:choose>
                                </c:when>
                                <c:otherwise>
                                    <a style="margin-left: 15%;cursor: pointer;color:rgb(46,100,148)"
                                       data-toggle="modal" data-target="#login">
                                        <span class="glyphicon glyphicon-star-empty"
                                              style="color:rgb(46,100,148)"></span>收藏
                                    </a>
                                    <a style="margin-left: 20%;cursor: pointer" onclick="showComment(this)">
                                        <span class="glyphicon glyphicon-comment" style="color:rgb(46,100,148)"></span>
                                        评论(${article.commentCount})
                                    </a>
                                    <a style="margin-left: 23%;cursor: pointer;color:rgb(46,100,148)"
                                       data-toggle="modal" data-target="#login">
                                        <span class="glyphicon glyphicon-thumbs-up"
                                              style="color:rgb(46,100,148)"></span>
                                            ${article.likeNum}
                                    </a>
                                </c:otherwise>
                            </c:choose>
                            <a style="margin-left: 1%;cursor: pointer" onclick="showLiker(this)">
                                <span class="glyphicon glyphicon-chevron-down"></span>
                            </a>
                        </div>
                        <div class="share_Liker" style="display: none;">
                            <hr/>
                            <p id="likeListP" style="margin-left: 10%;">
                                <c:choose>
                                    <c:when test="${likers.size() eq 0}">
                                        暂时无人点赞
                                    </c:when>
                                    <c:otherwise>
                                        <c:forEach items="${likers}" var="liker" varStatus="statu"
                                                   end="${likers.size()>10?10:likers.size()}">
                                            <em>${liker.name}</em>
                                            <c:if test="${not statu.last}">
                                                、
                                            </c:if>
                                        </c:forEach>
                                        <c:choose>
                                            <c:when test="${likers.size()>10}">
                                                &nbsp;等${likers.size()}人点赞过
                                            </c:when>
                                            <c:otherwise>
                                                &nbsp;共${likers.size()}人点赞过
                                            </c:otherwise>
                                        </c:choose>
                                    </c:otherwise>
                                </c:choose>
                            </p>
                        </div>
                        <div class="share_comment">
                            <hr/>
                            <form method="post" action="#" enctype="multipart/form-data"
                                  onsubmit="return false">
                                <input type="hidden" name="userName" value="${user.name}">
                                <c:choose>
                                    <c:when test="${isLogin}">
                                        <img src="${user.headPictureUrl.substring(user.headPictureUrl.lastIndexOf("/head/"))}"
                                             width="30px" height="30px"
                                             style="display: inline;margin: 0.5% 1% 1% 2%;">
                                    </c:when>
                                    <c:otherwise>
                                        <img src="/app/initHeadPic.png" width="30px" height="30px"
                                             style="display: inline;margin: 0.5% 1% 1% 2%;">
                                    </c:otherwise>
                                </c:choose>
                                <input type="text" name="comment" style="width: 60%;"
                                       maxlength="100"
                                       autocomplete="off">
                                <c:choose>
                                    <c:when test="${isLogin}">
                                        <button type="button" class="btn btn-primary btn-danger"
                                                onclick="commentShare(this,'${user.userId}','${article.articleId}')">评论
                                        </button>
                                    </c:when>
                                    <c:otherwise>
                                        <button type="button" class="btn btn-primary btn-danger"
                                                data-toggle="modal" data-target="#login">评论
                                        </button>
                                    </c:otherwise>
                                </c:choose>
                            </form>
                            <div class="commentList">
                                <c:forEach items="${article.commentList}" var="comment">
                                    <hr style="margin: 2px 0px 2px"/>
                                    <div style="display: block">
                                        <img src="${comment.commentUser.headPictureUrl.substring(comment.commentUser.headPictureUrl.lastIndexOf("/head/"))}"
                                             width="30px" height="30px"
                                             style="margin: 0.5% 1% 1% 2%;display: inline"/>
                                        <p style="color: red;font-size: 10px;display: inline">${comment.commentUser.name}： </p>
                                        <p style="display: inline">${comment.content}</p>
                                        <small style="display: block;margin-left: 6%;margin-top: -1%;">${comment.commentTime}</small>
                                    </div>
                                </c:forEach>
                                <hr style="margin: 2px 0px 2px"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 column"></div>
            </c:otherwise>
        </c:choose>
    </div>
</div>
<!-- 注册窗口 -->
<div id="register" class="modal fade" tabindex="-1">
    <div class="modal-dialog" id="modal">
        <div class="modal-content">
            <div class="modal-body">
                <!-- 模式框右上角的关闭按钮 -->
                <button class="close" data-dismiss="modal" id="close" onclick="reset('registerForm')">
                    <span class="glyphicon glyphicon-remove"></span>
                </button>
            </div>
            <div class="modal-title">
                <h1 class="text-center">注册</h1>
            </div>
            <div class="modal-body">
                <form class="form-group" id="registerForm" action="#" method="post" enctype="multipart/form-data"
                      onsubmit="return false">
                    <div class="form-group">
                        <span class="glyphicon glyphicon-user"></span>
                        <label for="userIdForR">帐号</label>
                        <input class="form-control" type="text" name="userId" id="userIdForR"
                               placeholder="手机号码注册" required>
                    </div>
                    <div class="form-group">
                        <span class="glyphicon glyphicon-lock"></span>
                        <label for="password1ForR">密码</label>
                        <input class="form-control" type="password" name="password" id="password1ForR"
                               placeholder="至少6位且不多于20位的字母或数字" required>
                    </div>
                    <div class="form-group">
                        <span class="glyphicon glyphicon-lock"></span>
                        <label for="password2ForR">再次输入密码</label>
                        <input class="form-control" type="password" name="confirmPassword" id="password2ForR"
                               placeholder="至少6位且不多于20位的字母或数字" required>
                    </div>
                    <div class="form-group">
                        <span class="glyphicon glyphicon-ok"></span>
                        <label for="mail">邮箱</label>
                        <input class="form-control" type="email" name="mail" id="mail" placeholder="例如:123@123.com"
                               required>
                    </div>
                    <div class="text-right">
                        <button class="btn btn-primary" type="button" id="submit" onclick="register()">提交
                        </button>
                        <button class="btn btn-danger" data-dismiss="modal" onclick="reset('registerForm')">取消
                        </button>
                    </div>
                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="#login">已有账号？点我登录</a>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 登录窗口 -->
<div id="login" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button class="close" data-dismiss="modal" onclick="reset('loginForm')">
                    <span class="glyphicon glyphicon-remove"></span>
                </button>
            </div>
            <div class="modal-title">
                <h1 class="text-center">登录</h1>
            </div>
            <div class="modal-body">
                <form class="form-group" action="#" method="post" enctype="multipart/form-data" onsubmit="return false"
                      id="loginForm">
                    <div class="form-group">
                        <span class="glyphicon glyphicon-user"></span>
                        <label for="userIdForL">用户名</label>
                        <input class="form-control" type="text" name="userId" id="userIdForL" placeholder="请输入手机号码"
                               value="${userId2}" required>
                    </div>
                    <div class="form-group has-feedback">
                        <span class="glyphicon glyphicon-lock"></span>
                        <label for="passwordForL">密码</label>
                        <input class="form-control" type="password" name="password" id="passwordForL"
                               value="${password}" placeholder="请输入密码" required>
                    </div>
                    <div class="form-group has-feedback">
                        <label for="captchaForL2" style="display: block;">验证码</label>
                        <input type="text" class="form-control" id="captchaForL2" placeholder="请输入验证码"
                               style="width: 80%;display: inline;">
                        <img id="loginform:vCode2" src="/getCode" style="display:inline;float: right;" title="看不清？点击换一张试试"
                             onclick="javascript:document.getElementById('loginform:vCode2'). src='/getCode?'+Math.random();"/>
                    </div>
                    <p id="errorMsg2" style="padding-left:50px;color: red;display: none">账号或密码错误</p>
                    <div class="text-right">
                        <button class="btn btn-primary" type="button" id="loginSubmit"
                                onclick="login('userIdForL','passwordForL','captchaForL2',3)">登录
                        </button>
                        <button class="btn btn-danger" data-dismiss="modal" onclick="reset('loginForm')">取消</button>
                    </div>
                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？点我注册</a>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
